<!DOCTYPE HTML>
<html>

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" />
    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
    <title>询价</title>
    <link rel="stylesheet" type="text/css" href="/static/index_user/css/aui_1.css" />
    <link rel="stylesheet" type="text/css" href="/static/index_user/css/aui-slide_1.css" />
    <style type="text/css">
        .aui-list .aui-list-header {
            background-color: #ffffff;
            text-align: center;
            justify-content: center;
            border-bottom: 1px solid #dddddd;
            font-size: 1rem;
        }

        .aui-grid [class*=aui-col-] {
            padding: 0.2rem 0;
            text-align: left;
        }

        .aui-list label {
            line-height: 1.8rem;
            width: 200px;
        }
    </style>
</head>

<body>
<header class="aui-bar aui-bar-nav" style="position: fixed;">
    <a class="aui-pull-left aui-btn">

    </a>
    <div class="aui-title">询价</div>
</header>
<div id="msg" class="" style=" display: none; width: 100%;position: fixed;top: 6%;z-index: 99;color: red;background-color: yellow;text-align: center">您有新消息,请在消息中心查看</div>
<div class="aui-tab" id="tab" style="margin-top: 48px;">

    <div class="aui-tab-item">
        <a href="{:url('user/Xunjia/index')}" style="color:#ffffff">搜索询价</a>
    </div>
    <div class="aui-tab-item aui-active">我的询价</div>
</div>

<div class="aui-content aui-margin-t-15 aui-margin-b-15" style="margin-bottom:2.5rem !important">
    <ul class="aui-list aui-select-list" id="partAjaxData">

        {if condition="$data == null"}

        {else /}


        {volist name="data" id="v"}
            <li class="aui-list-item">


            <div class="aui-list-item-inner">
                <section class="aui-grid">
                    <div class="aui-row">
                        <div class="aui-col-xs-12">

                            <span>{$v.stockcode}--{$v.stockname}</span>
                        </div>
                        <div class="aui-col-xs-6">
                            <span>名义本金：</span><span>{$v.mybj}</span>
                        </div>
                        <div class="aui-col-xs-6">
                            <span>交易周期：</span><span>{$v.jyzq}</span>
                        </div>
                        {if condition="$v.status == 2"}
                        <div class="aui-col-xs-6">
                            <span>权利金：</span><span>{$v.quanlijin}</span>
                        </div>
                        <div class="aui-col-xs-6">
                            <span>期权费率：</span><span class="aui-text-danger">{$v.qiquanlv}%</span>
                        </div>
                        <!--<div class="aui-col-xs-6">-->
                            <!--<span>询价方向：</span><span><font color="red">买涨</font></span>-->
                        <!--</div>-->
                        <div class="aui-col-xs-6">
                            <span>期权日期：</span><span>{:date('Y-m-d',$v.dftime)}</span>
                        </div>

                        <div class="aui-row" style="width: 100%;">
                            <div class="aui-col-xs-5" style="margin-top:10px;margin-bottom:10px;text-align:right">
                                <!--<a href="javascript:void(0);" class="kc">-->
                                <button class="aui-btn delbtn" style="border:none; width:100%;height:40px;color:#ffffff;line-height:40px;margin-right:5px;background-color: red !important;"  data_id="{$v.id}"  >取消</button>
                                <!--</a>-->
                            </div>
                            <div class="aui-col-xs-7" style="margin-top:10px;margin-bottom:10px;text-align:left">
                                <!--<a>-->

                                <!--<button class="aui-btn" style="border:none;width:100%;height:40px;color:#ffffff;line-height:40px;margin-left:5px;background-color: yellow !important;">正在询价</button>-->
                                <!---->

                                {if condition="date('Y-m-d',$v.dftime) != date('Y-m-d',time())"}
                                <button class="aui-btn rebtn" style="border:none;width:100%;height:40px;color:#ffffff;line-height:40px;margin-left:5px;background-color: darkred !important;" data_id="{$v.id}">已失效</button>
                                {else /}
                                <button class="aui-btn buybtn" style="border:none;width:100%;height:40px;color:#ffffff;line-height:40px;margin-left:5px;background-color: green !important;" data_id="{$v.id}">立即买入</button>
                                {/if}

                            <!--</a>-->
                            </div>

                        </div>
                        {else /}
                        <div class="aui-row" style="width: 100%;">
                            <div class="aui-col-xs-5" style="margin-top:10px;margin-bottom:10px;text-align:right">
                                <!--<a href="javascript:void(0);" class="kc">-->
                                <button class="aui-btn delbtn" style="border:none; width:100%;height:40px;color:#ffffff;line-height:40px;margin-right:5px;background-color: red !important;" data_id="{$v.id}"  >取消</button>
                                <!--</a>-->
                            </div>
                            <div class="aui-col-xs-7" style="margin-top:10px;margin-bottom:10px;text-align:left">
                                <!--<a>-->

                                <button class="aui-btn" style="border:none;width:100%;height:40px;color:#ffffff;line-height:40px;margin-left:5px;background-color: greenyellow !important;">正在询价</button>

                                <!--<button class="aui-btn" style="border:none;width:100%;height:40px;color:#ffffff;line-height:40px;margin-left:5px;background-color: green !important;">立即买入</button>-->


                                <!--</a>-->
                            </div>

                        </div>
                        {/if}

                    </div>
                </section>

            </div>
        </li>


        {/volist}

        {/if}
    </ul>
</div>
<footer class="aui-bar aui-bar-tab" id="footer">
    <div class="aui-bar-tab-item">
        <a href="{:url('user/Index/index')}" style="color:#757575">
            <i class="aui-iconfont aui-icon-home"></i>
            <div class="aui-bar-tab-label">首页</div>
        </a>
    </div>
    <div class="aui-bar-tab-item aui-active">
        <a href="{:url('user/Xunjia/index')}" style="color:#ffffff">
            <i class="aui-iconfont aui-icon-cert"></i>
            <div class="aui-bar-tab-label">询价</div>
        </a>
    </div>
    <div class="aui-bar-tab-item">
        <a href="{:url('user/Chicang/index')}" style="color:#757575">
            <i class="aui-iconfont aui-icon-image"></i>
            <div class="aui-bar-tab-label">持仓</div>
        </a>
    </div>

    <div class="aui-bar-tab-item">
        <a href="{:url('user/UserCenter/index')}" style="color:#757575">
            <i class="aui-iconfont aui-icon-my"></i>
            <div class="aui-bar-tab-label">我的</div>
        </a>
    </div>
</footer>
</body>
<script type="text/javascript" src="/static/index_user/js/api_1.js"></script>
<script type="text/javascript" src="/static/index_user/js/aui-tab_1.js"></script>
<script type="text/javascript" src="/static/index_user/js/aui-slide_1.js"></script>
<script type="text/javascript" src="/static/index_user/js/jquery-1.11.3.min.js"></script>
<script>


    //删除询价
    $('.delbtn').click(function () {
        var ac_id=$(this).attr('data_id');
        if (confirm('你确定要 [ 删除 ] 吗?')) {
            var obj = $(this).parents('li');
            // console.log(obj);
            delAjax(ac_id, obj);
        }
    });

    function delAjax(id, obj) {
        $.ajax({
            type: 'delete',
            url: '/user/Xunjia/delask/' + id,
            dataType: 'json',
            success: function (data) {
                 console.log(data);
                if (data.status==1) {
//                    toastr.success(data.info);
                    alert(data.info);
                    obj.remove();
                } else {
                    alert(data.info);
//                    toastr.error(data.info, 'FBI WARING: ');
                }
            },
            error: function () {
                alert('AJAX操作失败');
            }
        });
    }

    $('.buybtn').click(function () {
        var id=$(this).attr('data_id');
//        console.log(id);
        $.ajax({
            type: 'post',
            url: '/buy',
            dataType: 'json',
            data:{'id':id},
            success: function (data) {
//                console.log(data);
                if (data[0]==1) {
                    alert(data[1]);

////                    toastr.success(data.info);
//                    alert(data.info);
//                    obj.remove();
                    window.location.href="{:url('user/Chicang/index')}";
                } else {
                    alert(data[1]);
////                    toastr.error(data.info, 'FBI WARING: ');
                }
            },
            error: function () {
                alert('AJAX操作失败');
            }
        });
    });





    function event() {
        $(".deal").click(function () {
            var aid = $(this).attr('val');
            window.confirm = function (message) {
                var iframe = document.createElement("IFRAME");
                iframe.style.display = "none";
                iframe.setAttribute("src", 'data:text/plain,');
                document.documentElement.appendChild(iframe);
                var alertFrame = window.frames[0];
                var result = alertFrame.window.confirm(message);
                iframe.parentNode.removeChild(iframe);
                return result;
            };
            if (confirm("是否确定要买入？温馨提示：一旦买入询价的股票，权利金不予退还，最终只能获得股票产生的盈利！")) {
                //alert("确定");
            } else {
                //alert("取消");
                return;
            }

            $.post("/index.php/Follow/openGpr.html", {
                'aid': aid
            }, function (result) {
                //console.log(result);
                if (result.code == 0) {
                    alert(result.msg);
                    window.location.href = result.tzurl;
                }

            })

        })

        $(".guanzhu").click(function () {
            $url = $(this).attr('val');
            $dom = $(this).parent().prevAll();
            //console.log($url);
            //console.log('123');
            $.post($url.substr(0, $url.indexOf('?')), $url.substr($url.indexOf('?') + 1), function (result) {
                if (result.code == 1) {
                    //console.log(result.code)
                } else if (result.code == 2) {
                    //console.log(result.msg)
                    window.location.href = window.location.href;
                }
            }, 'json')
        })
    }
//    event();

    //刷新页面数据的方法
//    function sx() {
//        //time = setTimeout('sx()', 1000);
//        //console.log(Date.parse(new Date()))
//        //console.log(stockcodeType)
//        $.post("/index.php/Follow/partAjaxData.html", {
//            'page': 1
//        }, function (result) {
//            var str = '';
//            if (result.code == 1 && result.data != null) {
//                for (i = 0; i < result.data.length; i++) {
//                    bb = "/index.php/Follow/Attention.html?aid=" + result.data[i]['aid'] + "&status=3";
//                    if (result.data[i]['astatus'] == 0) {
//                        str=str+'<li class="aui-list-item">';
//                        str=str+'<div class="aui-list-item-label">';
//                        str=str+'<i class="aui-iconfont aui-icon-gear"></i>';
//                        str=str+'</div>';
//                        str=str+'<div class="aui-list-item-inner">';
//                        str=str+'<section class="aui-grid">';
//                        str=str+'<div class="aui-row">';
//                        str=str+'<div class="aui-col-xs-6">';
//                        str=str+'<span style="color:red">'+ result.data[i]['stockcode'] +'--'+ result.data[i]['stockname'] +'</span>';
//                        str=str+'</div>';
//                        str=str+'<div class="aui-col-xs-6">';
//                        str=str+'<span>期权费率：</span><span class="aui-text-danger">'+ (result.data[i]['glfl'] * 100).toFixed(2) +'%</span>';
//                        str=str+'</div>';
//                        str=str+'<div class="aui-col-xs-6">';
//                        str=str+'<span>现价：</span><span>'+ result.data[i]['nowPri'] +'</span>';
//                        str=str+'</div>';
//                        str=str+'<div class="aui-col-xs-6">';
//                        str=str+'<span>涨跌幅：</span><span>'+ result.data[i]['increPer'] +'%</span>';
//                        str=str+'</div>';
//                        str=str+'<div class="aui-col-xs-6">';
//                        str=str+'<span>询价方向：</span><span>'+ result.data[i]['type'] + '</span>';
//                        str=str+'</div>';
//                        str=str+'<div class="aui-col-xs-6">';
//                        str=str+'<span>交易周期：</span><span>'+ result.data[i]['jyzq'] +'</span>';
//                        str=str+'</div>';
//                        str=str+'<div class="aui-col-xs-6">';
//                        str=str+'<span>名义本金：</span><span>'+ result.data[i]['mybj'] +'</span>';
//                        str=str+'</div>';
//                        str=str+'<div class="aui-col-xs-6">';
//                        str=str+'<span>状态：</span><span>'+ result.data[i]['statuss'] + '</span>';
//                        str=str+'</div>';
//                        str=str+'<div class="aui-col-xs-11">';
//                        str=str+'<span>询价时间：</span><span>'+ result.data[i]['time'] +'</span>';
//                        str=str+'</div>';
//                        str=str+'<div class="aui-col-xs-11" style="text-align:center">';
//                        str=str+'<a class="guanzhu" href="javascript:;" val="">';
//                        str=str+'<div class="aui-btn" style="width:100px;height:40px;line-height:40px;color:#fff">等待报价</div>';
//                        str=str+'</a>';
//                        str=str+'<a class="guanzhu" href="javascript:;" val=' + bb + '>';
//                        str=str+'<div class="aui-btn aui-btn-danger" style="margin-left:20px;width:100px;height:40px;line-height:40px;">取消询价</div>';
//                        str=str+'</a>';
//                        str=str+'</div>';
//                        str=str+'</div>';
//                        str=str+'</section>';
//                        str=str+'</div>';
//                        str=str+'</li>';
//                    }
//                    else if (result.data[i]['astatus'] == 1) {
//                        str=str+'<li class="aui-list-item">';
//                        str=str+'<div class="aui-list-item-label">';
//                        str=str+'<i class="aui-iconfont aui-icon-gear"></i>';
//                        str=str+'</div>';
//                        str=str+'<div class="aui-list-item-inner">';
//                        str=str+'<section class="aui-grid">';
//                        str=str+'<div class="aui-row">';
//                        str=str+'<div class="aui-col-xs-6">';
//                        str=str+'<span style="color:red">'+ result.data[i]['stockcode'] +'--'+ result.data[i]['stockname'] +'</span>';
//                        str=str+'</div>';
//                        str=str+'<div class="aui-col-xs-6">';
//                        str=str+'<span>期权费率：</span><span class="aui-text-danger">'+ (result.data[i]['glfl'] * 100).toFixed(2) +'%</span>';
//                        str=str+'</div>';
//                        str=str+'<div class="aui-col-xs-6">';
//                        str=str+'<span>现价：</span><span>'+ result.data[i]['nowPri'] +'</span>';
//                        str=str+'</div>';
//                        str=str+'<div class="aui-col-xs-6">';
//                        str=str+'<span>涨跌幅：</span><span>'+ result.data[i]['increPer'] +'%</span>';
//                        str=str+'</div>';
//                        str=str+'<div class="aui-col-xs-6">';
//                        str=str+'<span>询价方向：</span><span>'+ result.data[i]['type'] + '</span>';
//                        str=str+'</div>';
//                        str=str+'<div class="aui-col-xs-6">';
//                        str=str+'<span>交易周期：</span><span>'+ result.data[i]['jyzq'] +'</span>';
//                        str=str+'</div>';
//                        str=str+'<div class="aui-col-xs-6">';
//                        str=str+'<span>名义本金：</span><span>'+ result.data[i]['mybj'] +'</span>';
//                        str=str+'</div>';
//                        str=str+'<div class="aui-col-xs-6">';
//                        str=str+'<span>状态：</span><span>'+ result.data[i]['statuss'] + '</span>';
//                        str=str+'</div>';
//                        str=str+'<div class="aui-col-xs-11">';
//                        str=str+'<span>询价时间：</span><span>'+ result.data[i]['time'] +'</span>';
//                        str=str+'</div>';
//                        str=str+'<div class="aui-col-xs-11" style="text-align:center">';
//                        str=str+'<a class="deal" href="javascript:;" val='+result.data[i]['aid']+'>';
//                        str=str+'<div class="aui-btn" style="background: #ee9113;width:100px;height:40px;line-height:40px;color:#fff">买入</div>';
//                        str=str+'</a>';
//                        str=str+'<a class="guanzhu" href="javascript:;" val=' + bb + '>';
//                        str=str+'<div class="aui-btn aui-btn-danger" style="margin-left:20px;width:100px;height:40px;line-height:40px;">取消询价</div>';
//                        str=str+'</a>';
//                        str=str+'</div>';
//                        str=str+'</div>';
//                        str=str+'</section>';
//                        str=str+'</div>';
//                        str=str+'</li>';
//                    }
//                    else {
//                        str=str+'<li class="aui-list-item">';
//                        str=str+'<div class="aui-list-item-label">';
//                        str=str+'<i class="aui-iconfont aui-icon-gear"></i>';
//                        str=str+'</div>';
//                        str=str+'<div class="aui-list-item-inner">';
//                        str=str+'<section class="aui-grid">';
//                        str=str+'<div class="aui-row">';
//                        str=str+'<div class="aui-col-xs-6">';
//                        str=str+'<span style="color:red">'+ result.data[i]['stockcode'] +'--'+ result.data[i]['stockname'] +'</span>';
//                        str=str+'</div>';
//                        str=str+'<div class="aui-col-xs-6">';
//                        str=str+'<span>期权费率：</span><span class="aui-text-danger">'+ (result.data[i]['glfl'] * 100).toFixed(2) +'%</span>';
//                        str=str+'</div>';
//                        str=str+'<div class="aui-col-xs-6">';
//                        str=str+'<span>现价：</span><span>'+ result.data[i]['nowPri'] +'</span>';
//                        str=str+'</div>';
//                        str=str+'<div class="aui-col-xs-6">';
//                        str=str+'<span>涨跌幅：</span><span>'+ result.data[i]['increPer'] +'%</span>';
//                        str=str+'</div>';
//                        str=str+'<div class="aui-col-xs-6">';
//                        str=str+'<span>询价方向：</span><span>'+ result.data[i]['type'] + '</span>';
//                        str=str+'</div>';
//                        str=str+'<div class="aui-col-xs-6">';
//                        str=str+'<span>交易周期：</span><span>'+ result.data[i]['jyzq'] +'</span>';
//                        str=str+'</div>';
//                        str=str+'<div class="aui-col-xs-6">';
//                        str=str+'<span>名义本金：</span><span>'+ result.data[i]['mybj'] +'</span>';
//                        str=str+'</div>';
//                        str=str+'<div class="aui-col-xs-6">';
//                        str=str+'<span>状态：</span><span>'+ result.data[i]['statuss'] + '</span>';
//                        str=str+'</div>';
//                        str=str+'<div class="aui-col-xs-11">';
//                        str=str+'<span>询价时间：</span><span>'+ result.data[i]['time'] +'</span>';
//                        str=str+'</div>';
//                        str=str+'<div class="aui-col-xs-11" style="text-align:center">';
//                        str=str+'<a class="guanzhu" href="javascript:;" val="">';
//                        str=str+'<div class="aui-btn" style="width:100px;height:40px;line-height:40px;color:#fff">禁止交易</div>';
//                        str=str+'</a>';
//                        str=str+'<a class="guanzhu" href="javascript:;" val=' + bb + '>';
//                        str=str+'<div class="aui-btn aui-btn-danger" style="margin-left:20px;width:100px;height:40px;line-height:40px;">取消询价</div>';
//                        str=str+'</a>';
//                        str=str+'</div>';
//                        str=str+'</div>';
//                        str=str+'</section>';
//                        str=str+'</div>';
//                        str=str+'</li>';
//
//                    }
//                }
//                $('#partAjaxData').html(str);
//                time = setTimeout('sx()', 1000);
//                event();
//            } else {
//                alert('a');
//                str='<div style="margin-top:125px;margin-bottom:15px;background-color:#fff;height:100px;vertical-align:middle;text-align:center;display:flex;align-items:center;justify-content:center;">';
//                str=str+"暂无数据";
//                str=str+'</div>';
//                alert(str);
//                $('#partAjaxData').html(str);
//            }
//        })
//        //clearTimeout(time);
//    }
//    sx();
//
//    time = setTimeout('sx()', 1); //1000
</script>
</html>

<script>
    showmsg();
    function showmsg() {
//        var $=jQuery;
//        console.log($);
        $.ajax({
            type: 'get',
            url: '/msg',
            dataType: 'json',
            success: function (data) {
//                console.log(data);
                if(data){
//                    console.log(111)
                    $('#msg').show();
                }else{
//                    console.log(222)
                    $('#msg').hide();
                }
            },
            error: function () {
            }
        });



        msgtimer=setTimeout('showmsg()', 2000);
    }
</script>